<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>datatime.diyFormatTip</title>
</head>
<body>
<div class="zh-CN">
  <div class="diyFormatTip">
    <div class="desc">
      输入格式举例: YYYY-MM-DD {weekDay} HH:mm:ss<br />
      输出结果为: 2022-11-04 星期五 16:48:16<br>
      格式占位符清单：<br />
    </div>
    <table>
      <tr><th>输入占位符</th><th>输出例子</th><th>说明</th></tr>
      <tr><td><code>YY</code></td><td>01</td><td>两位数的年份</td></tr>
      <tr><td><code>YYYY</code></td><td>2001</td><td>四位数的年份</td></tr>
      <tr><td><code>M</code></td><td>1-12</td><td>月份，从 1 开始</td></tr>
      <tr><td><code>MM</code></td><td>01-12</td><td>月份，两位数</td></tr>
      <tr><td><code>MMM</code></td><td>Jan-Dec</td><td>缩写的月份名称</td></tr>
      <tr><td><code>MMMM</code></td><td>January-December</td><td>完整的月份名称</td></tr>
      <tr><td><code>{weekDay}</code></td><td>星期五</td><td>星期X，注意需要用"{}"包裹</td></tr>
      <tr><td><code>D</code></td><td>1-31</td><td>月份里的一天</td></tr>
      <tr><td><code>DD</code></td><td>01-31</td><td>月份里的一天，两位数</td></tr>
      <tr><td><code>H</code></td><td>0-23</td><td>小时</td></tr>
      <tr><td><code>HH</code></td><td>00-23</td><td>小时，两位数</td></tr>
      <tr><td><code>h</code></td><td>1-12</td><td>小时, 12 小时制</td></tr>
      <tr><td><code>hh</code></td><td>01-12</td><td>小时, 12 小时制, 两位数</td></tr>
      <tr><td><code>m</code></td><td>0-59</td><td>分钟</td></tr>
      <tr><td><code>mm</code></td><td>00-59</td><td>分钟，两位数</td></tr>
      <tr><td><code>s</code></td><td>0-59</td><td>秒</td></tr>
      <tr><td><code>ss</code></td><td>00-59</td><td>秒 两位数</td></tr>
      <tr><td><code>SSS</code></td><td>000-999</td><td>毫秒，三位数</td></tr>
      <tr><td><code>Z</code></td><td>-05:00</td><td>UTC 的偏移量</td></tr>
      <tr><td><code>ZZ</code></td><td>-0500</td><td>UTC 的偏移量，两位数</td></tr>
      <tr><td><code>A</code></td><td>AM PM</td><td>上午 下午 大写</td></tr>
      <tr><td><code>a</code></td><td>am pm</td><td>上午 下午 小写</td></tr>
      <tr><td><code>Do</code></td><td>1st... 31st</td><td>带序数词的月份里的一天</td></tr>
      <tr><td><code>X</code></td><td>1410715640.579</td><td>Unix 时间戳</td></tr>
      <tr><td><code>x</code></td><td>1410715640579</td><td>Unix 时间戳</td></tr>
    </table>
  </div>
  <style>
    .diyFormatTip table{
      margin-top: 10px;
      border-collapse: collapse;
    }
    .diyFormatTip table th, 
    .diyFormatTip table td {
      border: 1px solid #ccc;
      padding: 2px 4px;
    } 
  </style>
</div>

<div class="en-US">
  <div class="diyFormatTip">
    <div class="desc">
      Example: YYYY-MM-DD {weekDay} HH:mm:ss<br />
      The output result is: 2022-11-04 Friday 16:48:16<br>
      Format placeholder list: <br />
    </div>
    <table>
      <tr><th>Input Placeholder</th><th>Output Example</th><th>Description</th></tr>
      <tr><td><code>YY</code></td><td>01</td><td> two-digit year</td></tr>
      <tr><td><code>YYYY</code></td><td>2001</td><td> Four-digit year</td></tr>
      <tr><td><code>M</code></td><td>1-12</td><td> month, starting from 1</td></tr>
      <tr><td><code>MM</code></td><td>01-12</td><td> month, two digits</td></tr>
      <tr><td><code>MMM</code></td><td>Jan-Dec</td><td> abbreviated month name</td></tr>
      <tr><td><code>MMMM</code></td><td>January-December</td><td> Full month name</td></tr>
      <tr><td><code>{weekDay}</code></td><td> Friday</td><td>Week X. Note that "{}" is required.</td></tr>
      <tr><td><code>D</code></td><td>1-31</td><td> Day in the Month</td></tr>
      Day in the month of <tr><td><code>DD</code></td><td>01-31</td><td>, two digits</td></tr>
      <tr><td><code>H</code></td><td>0-23</td><td> hours</td></tr>
      <tr><td><code>HH</code></td><td>00-23</td><td> hours, two digits</td></tr>
      <tr><td><code>h</code></td><td>1-12</td><td> hours, 12-hour format</td></tr>
      <tr><td><code>hh</code></td><td>01-12</td><td> hours, 12-hour format, two digits</td></tr>
      <tr><td><code>m</code></td><td>0-59</td><td> minutes</td></tr>
      <tr><td><code>mm</code></td><td>00-59</td><td> minutes, two digits</td></tr>
      <tr><td><code>s</code></td><td>0-59</td><td> seconds</td></tr>
      <tr><td><code>ss</code></td><td>00-59</td><td> seconds, two digits</td></tr>
      <tr><td><code>SSS</code></td><td>000-999</td><td> milliseconds, three digits</td></tr>
      Offset of <tr><td><code>Z</code></td><td>-05:00</td><td>UTC</td></tr>
      Offset of <tr><td><code>ZZ</code></td><td>-0500</td><td>UTC, two digits</td></tr>
      <tr><td><code>A</code></td><td>AM PM</td><td> AM PM Capitals</td></tr>
      <tr><td><code>a</code></td><td>am pm</td><td> AM PM Lowercase</td></tr>
      <tr><td><code>Do</code></td><td>1st... 31st</td><td> Day of Month with Ordinal Number</td></tr>
      <tr><td><code>X</code></td><td>1410715640.579</td><td>Unix Timestamp</td></tr>
      <tr><td><code>x</code></td><td>1410715640579</td><td>Unix Timestamp</td></tr>
    </table>
  </div>
  <style>
    .diyFormatTip table{
      margin-top: 10px;
      border-collapse: collapse;
    }
    .diyFormatTip table th, 
    .diyFormatTip table td {
      border: 1px solid #ccc;
      padding: 2px 4px;
    } 
  </style>
</div>
</body>
</html>